<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>星空~夜色</title>

<style>
	.img1{
		 width:100%;
		 height:50%;
		 z-index:1;
		 position:relative;
		 left:-10px;
		 top:-8px;
		 overflow:hidden;
		}
	.img2{
		z-index:20;
		position:absolute;
		width:99%;
		height:100%;
		left:0px;
		bottom:-950px;
		overflow:hidden;
		}
		
	.hr1{
		z-index:50;
		position:absolute;
		bottom:-50px;
		left:-28px;
		overflow:hidden;
		}	
</style>

</head>

<body>
<img src="image/a.gif" alt="星空" class="img1"/>
<img src="image/b.gif" alt="星空-夜静" class="img2" />
<hr style="border:5px solid #6FF; width:100%;" class="hr1"/>

</body>
</html>
